import { createApp } from "vue";
import "./style.css";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import "@/mock/index";
import * as Icons from "@element-plus/icons-vue";
import "element-plus/theme-chalk/el-notification.css"
import 'element-plus/theme-chalk/dark/css-vars.css'
import i18n from "./locale";
import Icon from '@/components/icon/index.vue'
import 'uno.css'
import "@/styles/common.scss"
import "element-plus/dist/index.css";
import "@/styles/element-plus.scss"
// font css
import "@/assets/fonts/font.scss";
import "@/assets/icons/iconfont.css"
//echarts
import echarts from '@/utils/echarts'
import './styles/tableTool.scss';

const app = createApp(App);
Object.keys(Icons).forEach((key) => {
  app.component(key, Icons[key as keyof typeof Icons]);
});

app.config.globalProperties.$echarts = echarts
app.component('Icon',Icon)
app.use(router).use(store).use(i18n);
app.mount("#app");
